<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>

<title>基本样式</title>
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" href="../font_uqlzenhphqm/iconfont.css">
<link rel="stylesheet" href="../css/common.css">

</head>
<body>
<!-- 1.头部 -->
<div class="header">
    <!-- 导航 -->
    <div class="head-auto">
        <!-- 1.1 -->
        <div class="topbar-nav fl">
            <a href="../html/listno.html">全部商品分类</a>
            <span>|</span>
            <a href="">小米商城</a>
            <span>|</span>
            <a href="">MIUI</a>
            <span>|</span>
            <a href="">loT</a>
            <span>|</span>
            <a href="">云服务</a>
            <span>|</span>
            <a href="">天星数科</a>
            <span>|</span>
            <a href="">有品</a>
            <span>|</span>
            <a href="">小爱开放平台</a>
            <span>|</span>
            <a href="">企业团购</a>
            <span>|</span>
            <a href="">资质证照</a>
            <span>|</span>
            <a href="">协议规则</a>
            <span>|</span>
            <a href="">下载app</a>
            <span>|</span>
            <a href="">智能生活</a>
            <span>|</span>
            <a href="">Select Location</a>
        </div>
        <!-- 1.2 -->
        <div class="topbar-cart fr">
            <span class="iconfont icon-gouwuche1"></span>
            &nbsp;购物车&nbsp;&nbsp;(0)
        </div>
        <!-- 1.3 -->
        <div class="topbar-info logininfo fr">
            <a href="../html/login.html">登录</a>
            <span>|</span>
            <a href="../html/register.html">注册</a>
            <span>|</span>
            <a href="">消息通知</a>
        </div>
        
    </div>

</div>

<!-- 2.搜索 -->
<div class="serch">
<!-- 2.1 logo -->
<div class="serch-logo fl">
    <a href="../html/home.html">
        <img class="logo" src="../images/home/1.png" alt="">
    </a>
</div>
<!-- 2.2 搜索栏 -->
<div class="serch-title fl">
        <a href="">小米手机</a>
        <a href="">Redmi 红米</a>
        <a href="">电视</a>
        <a href="">笔记本</a>
        <a href="">平板</a>
        <a href="">家电</a>
        <a href="">路由器</a>
        <a href="">智能硬件</a>
        <a href="">服务</a>
        <a href="">社区</a>
</div>
<!-- 2.3 -->
<div class="serch-inpute fr">
    <input class="big" type="text">
    <!-- <input class="small" type="botton"> -->
    <div class="small fr">
        <span class="iconfont icon-fangdajing"></span>
    </div>
</div>
</div>



<!-- 5.底部 -->
<div class="footer">
    <!-- 5.0 -->

    <!-- auto1 -->
    <div class="foot-auto">
        <!-- 5.1 -->
        <div class="foot0">
            <!-- 1.1 -->
            <a href="">
                <div class="foot1">
                    <div class="foot1-box">
                        <span class="iconfont icon-gongju"></span>
                        <span class="g">预约维修服务</span>
                    </div>
                </div>
            </a>
            
            <!-- 1.2 -->
            <a href="">
                <div class="foot1">
                        <div class="foot1-box">
                            <span class="iconfont icon-7tianwuliyoutuihuo"></span>
                            <span class="g">7天无理由退货</span>
                        </div>
                    
                </div>
            </a>
            <!-- 1.3 -->
            <a href="">
                <div class="foot1">
                    <div class="foot1-box">
                        <span class="iconfont icon-goforward_15"></span>
                        <span class="g">15天免费换货</span>
                    </div>
                </div>
            </a>
            
            <!-- 1.4 -->
            <a href="">
                <div class="foot1">
                    <div class="foot1-box">
                        <span class="iconfont icon-lipin"></span>
                        <span class="g">满69包邮</span>
                    </div>
                </div>
            </a>
            
            <!-- 1.5 -->
            <a href="">
                <div class="foot1">
                    <div class="foot2-box">
                        <span class="iconfont icon-weizhi-tianchong"></span>
                        <span class="g">520余家售后网点</span>
                    </div>
                </div>
            </a>
        </div>

        <!-- 5.2 -->
        <div class="foot2">
            <!-- 1 -->
            <div class="foot2-1 fl">
                <!-- 1 -->
                <div class="foot-t1">
                    <p class="foot-p1" href="">帮助中心</p>
                    <a class="foot-p2" href="">账户管理</a>
                    <a class="foot-p2" href="">购物指南</a>
                    <a class="foot-p2" href="">订单操作</a>
                </div>
                <!-- 2 -->
                <div class="foot-t1">
                    <p class="foot-p1" href="">服务支持</p>
                    <a class="foot-p2" href="">售后政策</a>
                    <a class="foot-p2" href="">自助服务</a>
                    <a class="foot-p2" href="">相关下载</a>
                </div>
                <!-- 3 -->
                <div class="foot-t1">
                    <p class="foot-p1" href="">线下门店</p>
                    <a class="foot-p2" href="">小米之家</a>
                    <a class="foot-p2" href="">服务网点</a>
                    <a class="foot-p2" href="">授权体验店</a>
                </div>
                <!-- 4 -->
                <div class="foot-t1">
                    <p class="foot-p1" href="">关于小米</p>
                    <a class="foot-p2" href="">了解小米</a>
                    <a class="foot-p2" href="">加入小米</a>
                    <a class="foot-p2" href="">投资者关系</a>
                    <a class="foot-p2" href="">企业社会责任</a>
                    <a class="foot-p2" href="">廉洁举报</a>
                </div>
                <!-- 5 -->
                <div class="foot-t1">
                    <p class="foot-p1" href="">关注我们</p>
                    <a class="foot-p2" href="">新浪微博</a>
                    <a class="foot-p2" href="">联系我们</a>
                    <a class="foot-p2" href="">公益基金会</a>
                </div>
                <!-- 6 -->
                <div class="foot-t1">
                    <p class="foot-p1" href="#">特色服务</p>
                    <a class="foot-p2" href="">F码通道</a>
                    <a class="foot-p2" href="">礼品码</a>
                    <a class="foot-p2" href="">防伪查询</a>
                </div>

            </div>

            <!-- 2 -->
            <div class="foot2-2 fr">
                <p class="f2">400-100-5678</p>
                <p class="f3">8:00-18:00(仅收市话费)</p>
                <div class="r">
                    <span class="iconfont icon-duanxin sp0"></span>
                    <span>人工客服</span>
                </div>
                <p class="r1">
                    <span class="sp1">关注小米:</span>
                    <span class="iconfont icon-weibo sp2"></span>
                    <span class="iconfont icon-weixin sp2"></span>
                </p>
            </div>
        </div>
    
    </div>
    
    <!-- auto2 -->
    <div class="foot-auto2">
        <div class="f-a2">
            <!-- 1 -->
            <div class="f-l fl">
                <a href="../html/home.html"><img class="pic13" src="../images/home/13-1.png" alt=""></a>
            </div>
            <!-- 2 -->
            <div class="f-r fr">
                <!-- 1 -->
                <p class="fr-t1">
                    <a href="">小米商城</a>
                    <span>|</span>
                    <a href="">MIUI</a>
                    <span>|</span>
                    <a href="">米家</a>
                    <span>|</span>
                    <a href="">米聊</a>
                    <span>|</span>
                    <a href="">多看</a>
                    <span>|</span>
                    <a href="">游戏</a>
                    <span>|</span>
                    <a href="">政企服务</a>
                    <span>|</span>
                    <a href="">小米天猫店</a>
                    <span>|</span>
                    <a href="">小米集团隐私政策</a>
                    <span>|</span>
                    <a href="">小米公司儿童信息保护规则</a>
                    <span>|</span>
                    <a href="">小米商城隐私政策</a>
                    <span>|</span>
                    <a href="">小米商城用户协议</a>
                    <span>|</span>
                    <a href="">问题反馈</a>
                    <span>|</span>
                    <a href="">Select Location</a>
                </p>
                <!-- 2 -->
                <p>
                    <a href="">北京互联网法院法律服务工作站</a>
                    <span>|</span>
                    <a href="">中国消费者协会</a>
                    <span>|</span>
                    <a href="">北京消费者协会</a>
                </p>
                <!-- 3 -->
                <p>
                    <a href="">©ml.com</a>
                    <span>京ICP证111057号</span>
                    <a href="">京ICP备10046444号</a>
                    <a href="">京公安备11010802020134号</a>
                    <a href="">京网文[2020]0276-042号</a>
                </p>
                <!-- 4 -->
                <p>
                    <a href="">(京)网械平台备字（2018）第00005号</a>
                    <a href="">互联网药品信息服务资格证(京)-非经营性-2014-0090</a>
                    <a href="">营业执照</a>
                    <a href="">医疗器械质量公告</a>
                </p>
                <!-- 5 -->
                <p>
                    <a href="">增值电信业务许可证</a>
                    <span>网络食品经营备案</span>
                    <span>京食药网食备202010048</span>
                    <a href="">食品经营许可证</a>
                </p>
                <!-- 6 -->
                <p>
                    <span>违法和不良信息举报电话：171-5104-4404</span>
                    <a href="">知识产权侵权投诉</a>
                    <span>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
                </p>
                <!-- 7 -->
                <p>
                    <a href="">
                        <img class="pic13-2" src="../images/home/13-2.png" alt="">
                    </a>
                    <a href="">
                        <img class="pic13-2" src="../images/home/13-3.png" alt="">
                    </a>
                    <a href="">
                        <img class="pic13-2" src="../images/home/13-4.png" alt="">
                    </a>
                    <a href="">
                        <img class="pic13-2" src="../images/home/13-5.png" alt="">
                    </a>
                </p>
            </div>
            <!-- 3 -->
            <img class="pic13-6" src="../images/home/13-6.png" alt="">
        </div>
    </div>
        
</div>

<!-- 6.定位 -->
<div class="ding">
    <!-- 1 -->
    <div class="ding1">
        <span class="d1 iconfont icon-shouji"></span>
        <span class="d2">手机APP</span>
    </div>
    <!-- 2 -->
    <div class="ding1">
        <span class="d1 iconfont icon-icon03"></span>
        <span class="d2">个人中心</span>
    </div>
    <!-- 3 -->
    <div class="ding1">
        <span class="d1 iconfont icon-weibiaoti--"></span>
        <span class="d2">售后服务</span>
    </div>
    <!-- 4 -->
    <div class="ding1">
        <span class="d1 iconfont icon-kefu"></span>
        <span class="d2">人工客服</span>
    </div>
    <!-- 5 -->
    <div class="ding1">
        <span class="d1 iconfont icon-ziyuan"></span>
        <span class="d2">购物车</span>
    </div>
</div>
</body>

<script src="../node_modules/jquery/dist/jquery.js"></script>
<script src="../js/tools.js"></script>


<script>

</script>
</html>